@CHARSET "ISO-8859-1";
/* *

	**** Folha de estilos do Gerenciador de Formularios Dinamicos ****

* */

/* ***************
   Geral
   *************** */

BODY {
	font-family: sans-serif;
	font-size: 12px;
	background-color: #efefef;
	margin: 0px;
	padding: 0px;
}

HR {
	border-style: dashed;
	border-width: thin;
	border-color: #aeaeae;
	width: 98%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.botao {
	border: 1px solid #000000;
  	-moz-border-radius: 7px;
  	font-family: sans-serif;
  	font-size: 12px;
	font-weight:bold;
	color:white;
	background-color:#9F9F9F;
	cursor: pointer;
	height: 22px;
}

.botao:hover {
	background-color:#BFBFBF;
}

INPUT, SELECT, TEXTAREA {
	font-size: 12px;
	font-family: sans-serif;
}

.labelNegrito {
	font-weight: bold;
}

/* ***************
   Links Padrao do Site
   *************** */
a.link {
	color: #57A2AF;
	text-decoration: none;
	font-weight: bold;
}
a.link:link {
	color: #57A2AF;
	text-decoration: none;
	font-weight: bold;
}
a.link:visited {
	color: #57A2AF;
	text-decoration: none;
	font-weight: bold;
}
a.link:hover {
	color: #A5C2E3;
	text-decoration: underline;
	font-weight: bold;
}
a.link:active {
	color: #A5C2E3;
	text-decoration: underline;
	font-weight: bold;
}

/* ***************
   Cabecalho
   *************** */
DIV#cabecalho {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 85px;
	background-color: white;
}

/* ***************
   Barra Autenticacao
   *************** */
DIV#barraAutenticacao {
	position: relative;
	width: 100%;
	height: 20px;
	text-align: right;
	background-color: #F2F7F4;

}

.labelCoord {
	font-weight: bold;

}

/* ***************
   Logo
   *************** */
DIV#logo {
	position: relative;
	float: left;
	width: 99.9%;
	height: 85px;
	border-color: #20AF81;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	background-image: url("../img/fundo.jpg");
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

DIV#logo a img {
	border: 0px;
	padding-bottom: 12px;
	padding-right: 25px;
}

h2.titulo {
	text-transform: uppercase;
	text-align: center;
	color: #0C5F44;
}

/* ***************
   Barra caminho
   *************** */
DIV#barraCaminho {
	position: relative;
	width: 100%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #474646;
}

/* ***************
   Corpo
   *************** */
DIV#corpo {
	margin: 10px auto;
	width: 96%;
	background-color: #F2F7F4;
	border-color: #20AF81;
	border-style: solid;
	border-width: 1px;
	padding: 7px;
	overflow: hidden;
}

H4 {
	font-size: 12px;
	font-weight: bold;
}

H3 {
	text-transform: uppercase;
	font-size: small;
}

H2 {
	font-size: large;
}

TABLE#tituloConteudo {
	font-size: small;
	text-transform: uppercase;
}

TABLE#conteudo {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

TABLE#pesquisa {
	font-size: 12px;
	margin: 10px auto 5px;
	width: 87%;
	border-color: #77B7C2;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}

TABLE#pesquisa TH.titulo {
	background-color: #A6D4D2;
}

TABLE#pesquisa TD.corSim {
	background-color: white;
}

TABLE#pesquisa TD.corNao {
	background-color: #EFEFEF;
}

#paginacao {
	margin: 10px auto 5px;
	width: 87%;
	text-align: right;
}

DIV#barraBotao {
	margin: 2px auto 1px;
	width: 87%;
	text-align: right;
}

DIV#visualizarFormulario {
	width: 670px;
	margin:auto;
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 3px 5px 20px 7px;
	position: relative;
}

/* ***************
   Rodape
   *************** */
DIV#rodape {
	margin: 0 auto;
	width: 100%;
	height: 20px;
	text-align: center;
	background-color: #80BCC6;
	border-color: #20AF81;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding: 2px 0;
}

/* ***************
   Abas e Formulario
   *************** */
ol {
	list-style: none;
	width: 312px;
}
ul {
	list-style: none;
	margin: 2px;
}
#abas {
	border: 1px solid #ccc; width: 288px; float:left; overflow: hidden; position: relative;
}

#abas ul {
	background-color: #F2F7F4;
	padding: 0px;
}

#abas ul li {
	display: inline;
	padding: 15px 10px 15px 10px;
	margin: 2px;
}

#abas ul li.ui-state-active {
	background-color: #A6D4D2;
	margin-left: 6px;
}

.ui-tabs-hide {
	display: none;
}

DIV#aba_1, DIV#aba_2, DIV#aba_3{
	padding: 2px;
	background-color: #A6D4D2;
	margin: 8px;
}

a.linkAba:link {
	color: #37757F;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
a.linkAba:visited {
	color: #37757F;
	text-decoration: none;
	font-weight: bold;
}
a.linkAba:hover {
	color: #0B6086;
	text-decoration: none;
	font-weight: bold;
}
a.linkAba:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#formulario {
	margin-left:298px;
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 3px 5px 20px 7px;
	position: relative;
}

#frmFormulario {
	padding-top: 15px;
}

#sortable, #fixo {
	list-style-type: none; margin: 0; padding: 0; width: 100%;
}

#sortable li {
	margin: 0px 3px 5px 0px; padding: 4px;
}

#fixo li {
	margin: 0px 3px 5px 0px; padding: 4px;
}

DIV#botoesFormulario {
	width: 100%;
	text-align: right;
	margin-top: 20px;
}

.item_selecao:hover {
	border-color: #ff0000;
	border-width: 1px;
	border-collapse: collapse;
	border-style: dotted;
	cursor: move;
}

.excluir_campo {
	display: none;
	float: right;
}

.selecionado {
	display: block;
}

.statusSalvar {
	visibility: hidden;
	text-align: right;
	width: 100%;
}

DIV#statusDadosCampo {
	text-align: right;
	width: 100%;
}


/* ***************
   Mensagens
   *************** */

.erro {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.aviso {
	color: #336666;
	font-weight: bold;
	font-style: italic;
}

.observacao {
	color: #ff0000;
	font-size: x-small;
	font-style: italic;
	text-align: right;
	font-weight: bold;
}

.sucesso {
	color: green;
	font-weight: bold;
	font-style: italic;
}

#mensagens {
   display: none;
   margin: 0 0 13px 0;
   padding: 13px 13px 13px 52px;
   background: url('../img/icones/icon_check.gif') left no-repeat #EFA;
   background-position: 13px 5px;
   border: solid 1px #BD8;
}

/* *******************************
   Aba Campos Formulario - Botoes
   ******************************* */
.btn_aba {
	width: 127px;
  	-moz-border-radius: 7px;
  	font-family: sans-serif;
	color: #000000;
	font-weight:bold;
	background-color:#ffffff;
	cursor: pointer;
	font-size: 11px;
}
.btn_aba:hover {
	background-color:#EFEFEF;
}
#btn_text {
	background-image: url("../img/icones/caixaTexto.png");
	background-repeat: no-repeat;
}
#btn_combobox {
	background-image: url("../img/icones/combobox.png");
	background-repeat: no-repeat;
}
#btn_radiobutton {
	background-image: url("../img/icones/radio.png");
	background-repeat: no-repeat;
}
#btn_checkbox {
	background-image: url("../img/icones/checkbox.png");
	background-repeat: no-repeat;
}
#btn_textarea {
	background-image: url("../img/icones/paragrafo.png");
	background-repeat: no-repeat;
}
#btn_sessionbreak {
	background-image: url("../img/icones/sessionbreak.png");
	background-repeat: no-repeat;
}
#btn_data {
	background-image: url("../img/icones/data.png");
	background-repeat: no-repeat;
}
#btn_numerico {
	background-image: url("../img/icones/numerico.png");
	background-repeat: no-repeat;
}
#btn_nome {
	background-image: url("../img/icones/nome.png");
	background-repeat: no-repeat;
}
#btn_endereco {
	background-image: url("../img/icones/endereco.png");
	background-repeat: no-repeat;
}
#btn_telefone {
	background-image: url("../img/icones/phone.png");
	background-repeat: no-repeat;
}
#btn_email {
	background-image: url("../img/icones/email.png");
	background-repeat: no-repeat;
}
#btn_website {
	background-image: url("../img/icones/site.gif");
	background-repeat: no-repeat;
}
#btn_file {
	background-image: url("../img/icones/file.png");
	background-repeat: no-repeat;
}
#btn_texto {
	background-image: url("../img/icones/texto.gif");
	background-repeat: no-repeat;
}
#btn_escolaridade {
	background-image: url("../img/icones/escolaridade.png");
	background-repeat: no-repeat;
}

.campo_selecionado {
	border: 1px red solid;
}

/* **********
   Ajuda
   ********** */
DIV#ajuda {
	width: 80%;
	margin: 3%;
}

DIV#impressora {
	width: 100%;
	margin: 1%;
	float: right;
	text-align: right;
}

.importante {
	font-size: 10px;
}

.textoJustificado {
	text-align: justify;
}

.textoNegrito {
	font-weight: bold;
}

.textoSublinhado {
	text-decoration: underline;
}
